<template>
    <view>
		<view class="search">
			<cust-search-bar></cust-search-bar>
		</view>
		<view class="cate">
			<cust-cate-grid></cust-cate-grid>
		</view>
    </view>
</template>

<script>
	import custSearchBar from '../../../components/cust-search-bar/cust-search-bar.vue'
	import custCateGrid from '../../../components/cust-cate-grid/cust-cate-grid.vue'
	import { uniNavBar } from '@dcloudio/uni-ui';
	export default {
		components: {
			custSearchBar,
			custCateGrid
		},
	    data() {
	        return {
	            background: ['color1', 'color2', 'color3'],
	            indicatorDots: true,
	            autoplay: true,
	            interval: 2000,
	            duration: 500
	        }
	    },
	    methods: {
	        changeIndicatorDots(e) {
	            this.indicatorDots = !this.indicatorDots
	        },
	        changeAutoplay(e) {
	            this.autoplay = !this.autoplay
	        },
	        intervalChange(e) {
	            this.interval = e.target.value
	        },
	        durationChange(e) {
	            this.duration = e.target.value
	        }
	    }
		
	}
</script>

<style>
.search{
	height: 100rpx;
	background-color:#F0F0F0;
}
.cate{
	
}
</style>
